<script>
import config from "../../package.json"
    export default {
        data(){
            return {
                version: config.version,
                vueVersion: config.dependencies.vue.substring(1),
                vueRouterVersion: config.dependencies["vue-router"].substring(1),
                piniaVersion: config.dependencies.pinia.substring(1)
            }
        },
        computed: {
            copyRightYear(){
                return new Date().getFullYear();
            }
        },
    }
</script>

<template>
   <footer>
        <p>
            &copy; 2023-{{copyRightYear}} <span>校园物品托管仓库管理系统</span>v{{version}}
        </p>
        <p>
            系统支持环境： Vue{{vueVersion}}
             + Vue Router{{vueRouterVersion}} + Pinia{{piniaVersion}}
        </p>
   </footer>
</template>

<style scoped>
p{
    margin: 8px 0;
}
</style>